<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HMH Company</title>
<link rel="stylesheet" type="text/css" media="screen"
	href="css/style.css" />


<script type="text/javascript" src="js/top-slide/jquery_005.js"></script>
</head>

<body>
<div class="header"><!--Header-->
<div class="header_content">
<div class="top_header"><a href="index.htm">
<div class="logo"></div>
</a>
<div class="header_right">
<div id="clear20"></div>
<div class="nav_tiny">
<h4>Công ty TNHH HMH Việt Nam</h4>
<ul>
	<a href="#">
	<li>Tin tức</li>
	</a>
	<a href="#">
	<li>Tuyển dụng</li>
	</a>
	<a href="#">
	<li>Đại lý</li>
	</a>
	<a href="#">
	<li>Thư viện</li>
	</a>
	<a href="#">
	<li>Login</li>
	</a>
</ul>
</div>
<div id="clear10"></div>
<div class="form_search"><input class="search_btn"
	name="search_btn" type="button" /> <input class="search"
	name="txtTuKhoa" type="text" value="Nhập từ khóa cần tìm ..."
	id="txtTuKhoa"
	onfocus="if (this.value=='Nhập từ khóa cần tìm ...') this.value='';"
	onblur="if (this.value=='') this.value='Nhập từ khóa cần tìm ...';" />
</div>
</div>
</div>
<div class="navbar">
<ul>
	<li><a id="linknavbar" href="#"> Home </a></li>
	<li><a id="linknavbar" href="about.html"> Giới thiệu</a></li>

	<li><a href="#">Sản Phẩm</a>
	<ul>
		<div id="clear10"></div>
		<a href="#">
		<li>Bàn là</li>
		</a>
		<a href="#">
		<li>Tủ lạnh, tủ đông</li>
		</a>
		<a href="#">
		<li>Máy rửa chén</li>
		</a>
		<a href="#">
		<li>Máy hút mùi</li>
		</a>
		<a href="#">
		<li>Bàn là</li>
		</a>
		<a href="#">
		<li>Tủ lạnh, tủ đông</li>
		</a>
		<a href="#">
		<li>Máy rửa chén</li>
		</a>
		<a href="#">
		<li>Máy hút mùi</li>
		</a>
	</ul>
	</li>

	<li><a id="linknavbar" href="#"> BOSCH Technology</a></li>
	<li><a id="linknavbar" href="#"> Hướng dẫn lắp đặt</a></li>
	<li><a id="linknavbar" href="#"> Liên hệ</a></li>
	<a href="#">
	<div class="logobosh"></div>
	</a>
</ul>
</div>
</div>
</div>
<!--Header-->

<div class="mainbody"><!--MainBody-->
<div class="wrap_slide"><!--Slide-->
<div class="container">
<div style="display: block;" id="featured-area"><!-- Featured Area -->
<div id="s1" class="pics">

<div
	style="background-color: rgb(0, 0, 0); position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0.7; width: 660px; height: 342px;">
<img src="images/top-slide/background_4.jpg"
	alt="Neque porro quisquam est qui" height="342" width="660">
<div class="excerpt">
<p>des 1...</p>
</div>
<a href="#" title="Permanent Link to Neque porro quisquam est qui"><span
	class="feat-overlay"></span></a></div>

<div
	style="background-color: rgb(0, 0, 0); position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1; width: 660px; height: 342px;">
<img src="images/top-slide/background_1.jpg"
	alt="Nulla aliquam commodo odio a feugia" height="342" width="660">
<div class="excerpt">
<p>des 2..</p>
</div>
<a href="#"
	title="Permanent Link to Nulla aliquam commodo odio a feugia"><span
	class="feat-overlay"></span></a></div>
<div
	style="background-color: rgb(0, 0, 0); position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0.7; width: 660px; height: 342px;">
<img src="images/top-slide/background_2.jpg"
	alt="Urna eget erat non purus" height="342" width="660">
<div class="excerpt">
<p>des 3</p>
</div>
<a href="#" title="Permanent Link to Urna eget erat non purus"><span
	class="feat-overlay"></span></a></div>
<div
	style="background-color: rgb(0, 0, 0); position: absolute; top: 0px; left: px; display: none; z-index: 3; opacity: 0.7; width: 660px; height: 342px;">
<img src="images/top-slide/background_3.jpg"
	alt="Urna eget erat non purus" height="342" width="660">
<div class="excerpt">
<p>des 4</p>
</div>
<a href="#" title="Permanent Link to Urna eget erat non purus"><span
	class="feat-overlay"></span></a></div>
</div>
<!-- end .pics -->

<div id="slider-control">
<div class="featitem"><img style="opacity: 0.7;"
	src="images/top-slide/background_4.jpg" alt="Urna eget erat non purus"
	height="67" width="67">
<h2>Máy hút bụi công nghệ BOSCH</h2>
<span class="meta">Posted by HMH on July 4, 2012</span> <span
	class="order">1</span></div>
<!-- end .featitem -->

<div class="featitem active"><img style="opacity: 1;"
	src="images/top-slide/background_1.jpg" alt="Urna eget erat non purus"
	height="67" width="67">
<h2>Tủ lạnh, tủ đông, tủ rượu của BOSCH...</h2>
<span class="meta">Posted by HMH on July 4, 2012</span> <span
	class="order">2</span></div>
<!-- end .featitem -->

<div class="featitem"><img style="opacity: 0.7;"
	src="images/top-slide/background_2.jpg" alt="Urna eget erat non purus"
	height="67" width="67">
<h2>Thiết bị vệ sinh: máy giựt, máy rửa bát ..</h2>
<span class="meta">Posted by HMH on July 4, 2012</span> <span
	class="order">3</span></div>
<!-- end .featitem -->
<div class="featitem"><img style="opacity: 0.7;"
	src="images/top-slide/background_3.jpg" alt="Urna eget erat non purus"
	height="67" width="67">
<h2>Dụng cụ bếp BOSCH đỉnh cao công nghệ</h2>
<span class="meta">Posted by HMH on July 4, 2012</span> <span
	class="order">4</span></div>
<!-- end .featitem --></div>
<!-- end slider-control div -->
<div class="clear"></div>
</div>
<!-- end featured area -->
<div id="main-area-wrap"><!-- end wrapper --></div>
<!-- end main area wrap --></div>
<!-- end container --></div>
<!--Slide-->

<div class="wrap_category"><!--Category--> 
<div id="makeMeScrollable">
    <style type="text/css">

		#makeMeScrollable
		{
			width:100%;
			height: 330px;
			position: relative;
		}
		
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}
	</style>
		<img src="images/demo/field.jpg" alt="Demo image" id="field" />
		<img src="images/demo/gnome.jpg" alt="Demo image" id="gnome" />
		<img src="images/demo/pencils.jpg" alt="Demo image" id="pencils" />
		<img src="images/demo/golf.jpg" alt="Demo image" id="golf" />
		<img src="images/demo/river.jpg" alt="Demo image" id="river" />
		<img src="images/demo/train.jpg" alt="Demo image" id="train" />
		<img src="images/demo/leaf.jpg" alt="Demo image" id="leaf" />
		<img src="images/demo/dog.jpg" alt="Demo image" id="dog" />
	</div>
</div>
<!--EndCategory-->


<div class="content"><!--Content-->
<div class="left_content">
<div class="element_feature">
<div class="title_feature">
<h2>Đỉnh cao của công nghệ</h2>
</div>
<div class="content_feature">
<div class="img_feature"><img src="images/feature/1.jpg" /></div>
<div class="noidung_feature">Bosch hơi bếp: Vị trí số 1 tại
Warentest Foundation.</div>
<a href="#">
<div class="btn_chitiet">Chi tiết</div>
</a></div>
</div>

<div class="element_feature">
<div class="title_feature">
<h2>Mặt bếp</h2>
</div>
<div class="content_feature">
<div class="img_feature"><img src="images/feature/catalo.jpg" /></div>
<div class="noidung_feature">Tính tiết kiệm và an toàn của thiết
bị rõ ràng hơn.</div>
<a href="#">
<div class="btn_chitiet">Chi tiết</div>
</a></div>
</div>

<div class="element_feature">
<div class="title_feature">
<h2>Năng lượng Label</h2>
</div>
<div class="content_feature">
<div class="img_feature"><img src="images/feature/cer.jpg" /></div>
<div class="noidung_feature">Hiệu quả sử dụng năng lượng của thiết
bị rõ ràng hơn.</div>
<a href="#">
<div class="btn_chitiet">Chi tiết</div>
</a></div>
</div>

<div class="element_feature">
<div class="title_feature">
<h2>Dịch vụ</h2>
</div>
<div class="content_feature">
<div class="img_feature"><img src="images/feature/services.jpg" /></div>
<div class="noidung_feature">Tư vấn sử dụng miễn phí nhằm nâng cao
chất lượng phục vụ.</div>
<a href="#">
<div class="btn_chitiet">Chi tiết</div>
</a></div>
</div>

<div class="element_feature">
<div class="title_feature">
<h2>Mua ở đâu</h2>
</div>
<div class="content_feature">
<div class="img_feature"><img src="images/feature/location.jpg" /></div>
<div class="noidung_feature">Đại lý, cửa hàng dịch vụ sẽ được tìm
thấy tại đây.</div>
<a href="#">
<div class="btn_chitiet">Chi tiết</div>
</a></div>
</div>

<div class="element_feature">
<div class="title_feature">
<h2>máy rửa chén</h2>
</div>
<div class="content_feature">
<div class="img_feature"><img src="images/feature/def.jpg" /></div>
<div class="noidung_feature">Chất lượng vượt trội, chống rỉ set
của thùng chứa bên trong trên 10 năm.</div>
<a href="#">
<div class="btn_chitiet">Chi tiết</div>
</a></div>
</div>
</div>

<div class="right_content">
<h2>Hỗ trợ Trực tuyến</h2>
<table width="100%">
	<tr>
		<td colspan="3" class="hotline">Hotline Sales:<span class="sdt">09
		888.95.333</span></td>
	</tr>
	<tr style="border: 1px solid #000;">
		<td>Sale 1</td>
		<td><a id="livehelp" href="ymsgr:sendIM?nj_boyfriend"> <img
			src="http://opi.yahoo.com/online?u=nj_boyfriend&amp;m=g&amp;t=1"
			id="lvhelp_stt"></a></td>
		<td><a href="skype:hoangvulong.88?chat"> <img width="80"
			height="18" alt="DKSG CO" style="border: none;"
			src="http://mystatus.skype.com/bigclassic/hoangvulong.88"></a></td>
	</tr>
	<tr>
		<td>Sale 2</td>
		<td><a id="livehelp" href="ymsgr:sendIM?nj_boyfriend"> <img
			src="http://opi.yahoo.com/online?u=nj_boyfriend&amp;m=g&amp;t=1"
			id="lvhelp_stt"></a></td>
		<td><a href="skype:hoangvulong.88?chat"> <img width="80"
			height="18" alt="DKSG CO" style="border: none;"
			src="http://mystatus.skype.com/bigclassic/hoangvulong.88"></a></td>
	</tr>
	<tr>
		<td>Sale 3</td>
		<td><a id="livehelp" href="ymsgr:sendIM?nj_boyfriend"> <img
			src="http://opi.yahoo.com/online?u=nj_boyfriend&amp;m=g&amp;t=1"
			id="lvhelp_stt"></a></td>
		<td><a href="skype:hoangvulong.88?chat"> <img width="80"
			height="18" alt="DKSG CO" style="border: none;"
			src="http://mystatus.skype.com/bigclassic/hoangvulong.88"></a></td>
	</tr>
	<tr>
		<td>Sale 4</td>
		<td><a id="livehelp" href="ymsgr:sendIM?nsv_long"> <img
			src="http://opi.yahoo.com/online?u=nsv_long&amp;m=g&amp;t=1"
			id="lvhelp_stt"></a></td>
		<td><a href="skype:hoangvulong.88?chat"> <img width="80"
			height="18" alt="DKSG CO" style="border: none;"
			src="http://mystatus.skype.com/bigclassic/hoangvulong.88"></a></td>
	</tr>
	<tr>
		<td colspan="3" class="hotline">Hotline Ki thuat:<span
			class="sdt">09 888.95.333</span></td>
	</tr>
	<tr style="border: 1px solid #000;">
		<td>Kỹ thuật 1</td>
		<td><a id="livehelp" href="ymsgr:sendIM?nsv_long"> <img
			src="http://opi.yahoo.com/online?u=nsv_long&amp;m=g&amp;t=1"
			id="lvhelp_stt"></a></td>
		<td><a href="skype:hoangvulong.88?chat"> <img width="80"
			height="18" alt="DKSG CO" style="border: none;"
			src="http://mystatus.skype.com/bigclassic/hoangvulong.88"></a></td>
	</tr>
	<tr>
		<td>Kỹ thuật 2</td>
		<td><a id="livehelp" href="ymsgr:sendIM?nj_boyfriend"> <img
			src="http://opi.yahoo.com/online?u=nj_boyfriend&amp;m=g&amp;t=1"
			id="lvhelp_stt"></a></td>
		<td><a href="skype:hoangvulong.88?chat"> <img width="80"
			height="18" alt="DKSG CO" style="border: none;"
			src="http://mystatus.skype.com/bigclassic/hoangvulong.88"></a></td>
	</tr>
</table>
</div>
</div>
<!--Content--></div>
<!--MainBody-->

<div class="footer"><!--MainFooter-->
<div class="footer_content"><!--FooterContent-->
<div class="contact">
<div class="name"></div>
Địa chỉ: 1105 - Tòa nhà 25T1, Khu N05 đường Hoàng Đạo Thúy, Trung Hòa
Nhân Chính, Cầu Giấy, Hà Nội<br />
Điện thoại: 04.3641.7498 - Fax: 04.3543.0479<br />
Email: info@hmh.com.vn<br />
<p class="copyright">Copyright © 2008 HMH VietNam operating Company,
LLC - All Right Reserved.</p>
</div>

<div class="footer_right">
<div class="mod_title">
<h3>thống kê truy cập</h3>
</div>
<div class="mod_content">
<div class="num_visit"><img src="images/icon/0.png" /> <img
	src="images/icon/0.png" /> <img src="images/icon/0.png" /> <img
	src="images/icon/1.png" /> <img src="images/icon/2.png" /> <img
	src="images/icon/4.png" /> <img src="images/icon/5.png" /> <img
	src="images/icon/2.png" /> <img src="images/icon/3.png" /> <img
	src="images/icon/2.png" /></div>
<table class="counter">
	<tr>
		<td class="col1"><img src="images/icon/vmonth.png" /></td>
		<td class="col2">tháng này</td>
		<td class="col3">71</td>
	</tr>
	<tr>
		<td class="col1"><img src="images/icon/vmonth.png" /></td>
		<td class="col2">tháng trước</td>
		<td class="col3">1245</td>
	</tr>
	<tr>
		<td class="col1"><img src="images/icon/vall.png" /></td>
		<td class="col2">Tất cả</td>
		<td class="col3">1245232</td>
	</tr>
</table>
</div>
</div>
</div>
<!--FooterContent--></div>
<!--MainFooter-->







<!--Scrip TopSlide-->
<script type="text/javascript" src="js/top-slide/superfish.js"></script>
<script type="text/javascript" src="js/top-slide/jquery.js"></script>
<script type="text/javascript">
//<![CDATA[
	jQuery(function(){
		var $featured_area = jQuery('#featured-area');
		var $featured_item = jQuery('#featured-area div#slider-control div.featitem');
		var $slider_control = jQuery('#featured-area div#slider-control');
		var $image_container = jQuery('div#s1 > div');
		var ordernum;
		var pause_scroll = false;
			
		$featured_item.find('img').fadeTo("fast", 0.7);
		$slider_control.find("div.featitem.active img").fadeTo("fast", 1);
		$image_container.css("background-color","#000000");
		
		$image_container.hover(
			function () {
				jQuery(this).find("img").fadeTo("fast", 0.7);
			}, 
			function () {
				jQuery(this).find("img").fadeTo("fast", 1);
			}
		);
		
		function gonext(this_element){
			$slider_control.find("div.featitem.active img").fadeTo("fast", 0.7);
			$slider_control.find("div.featitem.active").removeClass('active');
			this_element.addClass('active');
			$slider_control.find("div.featitem.active img").fadeTo("fast", 1);
			ordernum = this_element.find("span.order").html();
			jQuery('#s1').cycle(ordernum - 1);
		} 
		
		$featured_item.click(function() {
			clearInterval(interval);
			gonext(jQuery(this)); 
			return false;
		});
		
		var auto_number;
		var interval;
		
		$featured_item.bind('autonext', function autonext(){
			if (!(pause_scroll)) gonext(jQuery(this)); 
			return false;
		});

		interval = setInterval(function () {
			auto_number = $slider_control.find("div.featitem.active span.order").html();
			if (auto_number == $featured_item.length) auto_number = 0;
			$featured_item.eq(auto_number).trigger('autonext');
		}, 5000);
	});
//]]>	
</script>

<script type="text/javascript">
jQuery(function(){
	jQuery('#s1').cycle({
		timeout: 0, 
		speed: 300,
		fx: 'fade'
	});
});
</script>
<!-- LOAD JAVASCRIPT LATE - JUST BEFORE THE BODY TAG 
	     That way the browser will have loaded the images
		 and will know the width of the images. No need to
		 specify the width in the CSS or inline. -->

	<!-- jQuery library - Please load it from Google API's using 
	     a protocol-independent absolute path-->
	<script src="js/category/1.7.1-jquery.min.js" type="text/javascript"></script>

	<!-- jQuery UI Widget and Effects Core (custom download)
	     You can make your own at: http://jqueryui.com/download -->
	<script src="js/category/jquery-ui-1.8.18.custom.min.js"></script>
	
	<!-- Latest version of jQuery Mouse Wheel by Brandon Aaron
	     You will find it here: http://brandonaaron.net/code/mousewheel/demos -->
	<script src="js/category/jquery.mousewheel.min.js" type="text/javascript"></script>

	<!-- Smooth Div Scroll 1.2 minified-->
	<script src="js/category/jquery.smoothdivscroll-1.2-min.js" type="text/javascript"></script>

	<!-- If you want to look at the uncompressed version you find it at js/jquery.smoothDivScroll-1.2.js -->
    <script src="js/category/jquery.smoothDivScroll-1.2.js" type="text/javascript"></script>

	<!-- Plugin initialization -->
	<script type="text/javascript">
		// Initialize the plugin with no custom options
		$(document).ready(function () {
			// None of the options are set
			$("div#makeMeScrollable").smoothDivScroll({
				autoScrollingMode: "onstart"
			});
		});
	</script>
	<script type="text/javascript">
	$(document).ready(function() {
		$("#makeMeScrollable").smoothDivScroll({ 
			mousewheelScrolling: true,
			manualContinuousScrolling: true,
			visibleHotSpotBackgrounds: "always",
			autoScrollingMode: "onstart"
		});
	});
</script>
</body>
</html>
